<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/common/reset.css"/>
		<link rel="stylesheet" type="text/css" href=""/>
		<style type="text/css">
			/*导航悬浮*/
.showNav{
	overflow: hidden;
	font-size: 12px;
	color: 3a3a3a;
}
.showleft{
	margin-right: 32px;
	float: left;
}
.showright{
	width: 670px;
	float: left;
	
}
.showright a{
	margin-right: 32px ;
	color: #3a3a3a;
}
/**导航悬浮效果实现***/
.d-goods{
	/*padding-left: 80px;*/
	padding-bottom: 24px;
}
.d-goods .price{
	color: #ca141d;
}
.d-goods li{
	float: left;
	margin-right: 60px;
	color: #3a3a3a;
	font-size: 12px;
	line-height: 22px;
	text-align: center;
}
.d-goods .goods-Img{
	width: 120px;
    height: 120px;
}
.d-goods img{
	height: 100%;
	width: 100%;
}
.d-goods li:hover{
	color:#ca141d;
}
		</style>
	</head>
	<body>
		<div class="page">
			<ul class="navTitle">
				<li>
					<a href="">首页</a>
					<div class="nav">
						<ul class="d-goods">
										<li>
											<p class="goods-Img"><img src="images/navComputer_01.jpg"/></p>
											<p>HUAWEI Mate 10</p>
											<p class="price">￥3899</p>
										</li>
										<li>
											<p class="goods-Img"><img src="images/navComputer_02.jpg"/></p>
											<p>荣耀V10</p>
											<p class="price">￥2999</p>
										</li>
										<li>
											<p class="goods-Img"><img src="images/navComputer_03.jpg"/></p>
											<p>HUAWEI note 2S</p>
											<p class="price">￥2699</p>
										</li>
										<li>
											<p class="goods-Img"><img src="images/navComputer_04.jpg"/></p>
											<p>荣耀9青春版</p>
											<p class="price">￥1199</p>
										</li>
										<li>
											<p class="goods-Img"><img src="images/computer_01.jpg"/></p>
											<p>HUAWEI Mate 10</p>
											<p class="price">￥3899</p>
										</li>
										<li>
											<p class="goods-Img"><img src="images/computer_02.jpg"/></p>
											<p>荣耀V10</p>
											<p class="price">￥2999</p>
										</li>
										<li>
											<p class="goods-Img"><img src="images/computer_03.jpg"/></p>
											<p>HUAWEI note 2S</p>
											<p class="price">￥2699</p>
										</li>
									</ul>
					</div>
				</li>
			</ul>
		</div>
	</body>
</html>
